<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="x-dns-prefetch-control" content="on">
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
	name="viewport">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<meta content="date=no" name="format-detection">
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<meta name="google-site-verification"
	content="DVVM1p1HEm8vE1wVOQ9UjcKP--pNAsg_pleTU5TkFaM">

<style>
html, body, #app {
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

body {
	padding: 0;
	margin: 0;
}
</style>



<title>穷游网</title>
<meta name="keywords" content="穷游网">
<meta name="description" content="穷游网">


<!--vue-ssr-qyerresources-->
<style
	data-vue-ssr-id="48941a37:0 44dc97c7:0 22fc313e:0 f6473e7e:0 1fb572f0:0 12f15381:0 43267581:0 7727dab4:0 5ad0c686:0">
.clear {
	clear: both
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.fl {
	float: left
}

.fr {
	float: right
}

.hide {
	display: none !important
}

.q-login-layout {
	position: relative;
	margin: 0 auto;
	width: 330px
}

.q-login-layout .q-login-form-tip {
	position: absolute;
	z-index: 1;
	top: -4px;
	height: 30px;
	line-height: 30px;
	color: #959595
}

.q-login-layout .q-login-form-tip a {
	color: #959595
}

.q-login-layout .q-login-form-tip a.link, .q-login-layout .q-login-form-tip a:hover
	{
	color: #3f9f5f;
	text-decoration: none
}

.q-login-layout .q-login-form-tip.tip-right {
	text-align: right
}

.q-login-layout .q-login-form-tip.tip-bind {
	top: -10px;
	line-height: 17px
}

.q-login-layout .q-login-form-tip.tip-bind span {
	display: block
}

.q-login-layout .q-login-form-tip .tip-error {
	color: #ff654c
}

.q-login-layout .q-login-form-tip .tip-error .frame-iconfont {
	margin: 0 2px;
	font-size: 12px
}

.q-login-layout .q-login-form-tip .tip-error .icon-tip {
	display: inline-block;
	margin-right: 3px;
	width: 12px;
	height: 12px;
	vertical-align: -2px;
	background: url(<%=basePath%>/images/zc/login/FrdXpfdkBK37-ZyIWf_UYJ7ZucLj) 50%/contain
		no-repeat
}

.q-login-layout .q-login-tabs {
	zoom: 1;
	box-sizing: border-box;
	border-bottom: 1px solid #e8e8e8;
	height: 60px;
	line-height: 60px
}

.q-login-layout .q-login-tabs:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0
}

.q-login-layout .q-login-tabs .q-login-tab-item {
	float: left;
	box-sizing: border-box;
	width: 50%;
	height: 60px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: color .2s;
	transition: color .2s
}

.q-login-layout .q-login-tabs .q-login-tab-item.current {
	border-bottom: 2px solid #10b041;
	color: #3f9f5f
}

.q-login-layout .q-login-form {
	position: relative;
	padding-top: 30px
}

.q-login-layout .q-login-form .q-login-form-control .input-group {
	height: 40px
}

.q-login-layout .q-login-form .q-login-form-control .input {
	box-sizing: border-box;
	padding: 3px 7px;
	border: 1px solid #d7d7d7;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	vertical-align: top;
	background: #fff
}

.q-login-layout .q-login-form .q-login-form-control .input:focus {
	-webkit-transition: box-shadow .2s;
	transition: box-shadow .2s;
	box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .05)
}

.q-login-layout .q-login-form .q-login-form-control .input.input-error {
	border-color: #ff654c
}

.q-login-layout .q-login-form .q-login-form-control .input.input-success
	{
	background: url(<%=basePath%>/images/zc/login/FoK-KBBDXkpDHLE4n8DE_Z2h4Gg5) right 6px center/16px
		16px no-repeat #fff
}

.q-login-layout .q-login-form .q-login-form-control .input.input-phone {
	width: 248px
}

.q-login-layout .q-login-form .q-login-form-control .input.input-valid {
	width: 200px
}

.q-login-layout .q-login-form .q-login-form-control .input.input-loading
	{
	background: url(<%=basePath%>/images/zc/login/Fup_sW3RZ1dgoc3mJmFrMtSCpYaV) right 6px center/22px
		22px no-repeat #fff
}

.q-login-layout .q-login-form .q-login-form-control .img-valid-code {
	display: inline-block;
	vertical-align: top;
	margin-left: 4px;
	width: 126px;
	height: 40px;
	border: 0;
	background: #fff
}

.q-login-layout .q-login-form .q-login-form-control .btn-valid {
	display: inline-block;
	box-sizing: border-box;
	border: 0;
	padding: 0 15px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border-radius: 3px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	vertical-align: top;
	background-color: #3f9f5f;
	margin-left: 4px;
	width: 125px;
	height: 40px;
	line-height: 40px;
	font-size: 14px
}

.q-login-layout .q-login-form .q-login-form-control .btn-valid:hover {
	background-color: #5cad77;
	text-decoration: none
}

.q-login-layout .q-login-form .q-login-form-control .btn-valid.btn-loading
	{
	border: 1px solid #d7d7d7;
	background: url(<%=basePath%>/images/zc/login/Fup_sW3RZ1dgoc3mJmFrMtSCpYaV) 50%/22px 22px
		no-repeat #fff
}

.q-login-layout .q-login-form .q-login-form-control .btn-valid.btn-disabled
	{
	border: 1px solid #d7d7d7;
	color: silver;
	background: #eaeaea
}

.q-login-layout .q-login-form .q-login-form-control .btn-valid[disabled=disabled]
	{
	cursor: not-allowed
}

.q-login-layout .q-login-form .q-login-form-control .input-tip {
	height: 30px;
	line-height: 30px;
	color: #959595
}

.q-login-layout .q-login-form .q-login-form-control .input-tip a {
	color: #959595
}

.q-login-layout .q-login-form .q-login-form-control .input-tip a.link,
	.q-login-layout .q-login-form .q-login-form-control .input-tip a:hover
	{
	color: #3f9f5f;
	text-decoration: none
}

.q-login-layout .q-login-form .q-login-form-control .input-tip.tip-right
	{
	text-align: right
}

.q-login-layout .q-login-form .q-login-form-control .input-tip.tip-bind
	{
	top: -10px;
	line-height: 17px
}

.q-login-layout .q-login-form .q-login-form-control .input-tip.tip-bind span
	{
	display: block
}

.q-login-layout .q-login-form .q-login-form-control .input-tip .tip-error
	{
	color: #ff654c
}

.q-login-layout .q-login-form .q-login-form-control .input-tip .tip-error .frame-iconfont
	{
	margin: 0 2px;
	font-size: 12px
}

.q-login-layout .q-login-form .q-login-form-control .input-tip .tip-error .icon-tip
	{
	display: inline-block;
	margin-right: 3px;
	width: 12px;
	height: 12px;
	vertical-align: -2px;
	background: url(<%=basePath%>/images/zc/login/FrdXpfdkBK37-ZyIWf_UYJ7ZucLj) 50%/contain
		no-repeat
}

.q-login-layout .q-login-form .q-login-form-control .btn {
	display: inline-block;
	box-sizing: border-box;
	border: 0;
	padding: 0 15px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border-radius: 3px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	vertical-align: top;
	background-color: #3f9f5f
}

.q-login-layout .q-login-form .q-login-form-control .btn:hover {
	background-color: #5cad77;
	text-decoration: none
}

.q-login-layout .q-login-form .q-login-form-control .btn.btn-loading {
	border: 1px solid #d7d7d7;
	background: url(<%=basePath%>/images/zc/login/Fup_sW3RZ1dgoc3mJmFrMtSCpYaV) 50%/22px 22px
		no-repeat #fff
}

.q-login-layout .q-login-form .q-login-form-control .btn.btn-disabled {
	border: 1px solid #d7d7d7;
	color: silver;
	background: #eaeaea
}

.q-login-layout .q-login-form .q-login-form-control .btn[disabled=disabled]
	{
	cursor: not-allowed
}

.q-login-layout .q-login-form .q-login-form-control .remember {
	margin-right: 3px;
	vertical-align: middle
}

.q-login-layout .q-login-form .q-login-form-control .remember-label {
	vertical-align: middle
}

.q-login-layout .q-login-auth {
	padding: 40px 0 10px;
	font-size: 0;
	text-align: center
}

.q-login-layout .q-login-auth a {
	display: inline-block;
	margin: 0 21px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	color: #d7d7d7;
	border-radius: 50%;
	overflow: hidden;
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat
}

.q-login-layout .q-login-auth a.auth-qq {
	background-image: url(<%=basePath%>/images/zc/login/FugnPbgTJd9eGwDRpbL4L-bEsZaZ)
}

.q-login-layout .q-login-auth a.auth-qq:hover {
	background-image: url(<%=basePath%>/images/zc/login/FnufPA6e0CpINWOOGxm7J2MwGDza)
}

.q-login-layout .q-login-auth a.auth-weibo {
	background-image: url(<%=basePath%>/images/zc/login/FtOA3elXgqZZY7Oa16ZRZt8Jsvnn)
}

.q-login-layout .q-login-auth a.auth-weibo:hover {
	background-image: url(<%=basePath%>/images/zc/login/Fq55TbmMevRJSKSUPKAlbHmI9OEL)
}

.q-login-layout .q-login-auth a.auth-taobao, .q-login-layout .q-login-auth a.auth-taobao:hover
	{
	background-image: url(<%=basePath%>/images/zc/login/FkHhVOT0BMK6LN3mOQ1qACNwKzlI)
}

.q-login-layout .q-login-auth a.auth-weixin {
	background-image: url(<%=basePath%>/images/zc/login/FiMZfg-o4O6kGlKgQNBUEbLPY-0A)
}

.q-login-layout .q-login-auth a.auth-weixin:hover {
	background-image: url(<%=basePath%>/images/zc/login/FqgxY62k5WQA6os6QolcFP2aKC39)
}

.q-login-layout .q-login-auth .frame-iconfont {
	font-size: 40px
}

.q-login-layout .q-login-bottom {
	zoom: 1;
	padding: 10px 0;
	height: 20px;
	line-height: 20px;
	color: #959595;
	font-size: 14px
}

.q-login-layout .q-login-bottom:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0
}

.q-login-layout .q-login-bottom a {
	color: #3f9f5f
}

.q-login-layout .q-login-bottom a.gray {
	color: #959595
}

.q-login-layout .q-login-bottom a.gray:hover {
	text-decoration: none;
	color: #3f9f5f
}

.q-login-layout .q-login-tips {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.q-login-layout .q-login-tips .tip {
	position: absolute;
	top: 140px;
	left: 50%;
	margin-left: -80px;
	box-sizing: border-box;
	padding: 16px 30px;
	border: 1px solid silver;
	width: 160px;
	height: 60px;
	line-height: 26px;
	font-size: 18px;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .25)
}

.q-login-layout .q-login-tips .tip span {
	display: inline-block;
	vertical-align: top
}

.q-login-layout .q-login-tips .tip span.icon {
	width: 26px;
	height: 26px;
	background: url(<%=basePath%>/images/zc/login/FoK-KBBDXkpDHLE4n8DE_Z2h4Gg5) 50%/18px 18px
		no-repeat
}

.tip-fade-enter-active, .tip-fade-leave-active {
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.tip-fade-enter, .tip-fade-leave-to {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)
}

.q-container {
	min-height: 100vh;
	box-sizing: border-box;
	padding-bottom: 218px
}

.q-footer {
	margin-top: -218px;
	height: 218px
}

.login-container {
	width: 100%;
	height: 100%;
	min-width: 960px;
	min-height: 765px;
	background: url(<%=basePath%>/images/zc/login/ecb39528d488b6c520f7ddd3898379d6.jpg) top/cover
		no-repeat
}

.login-container .login-wrapper {
	margin: 0 auto;
	padding: 60px 0;
	width: 380px
}

.login-container .login-wrapper .login-logo {
	text-align: center
}

.login-container .login-wrapper .login-logo img {
	border: 0;
	height: 46px;
	vertical-align: middle
}

.login-container .login-wrapper .login-logo .title {
	font-size: 24px;
	font-family: Hiragino Sans GB, Microsoft YaHei, SimHei, SimSun,
		sans-serif;
	color: #fff;
	vertical-align: bottom;
	text-shadow: 0 0 4px rgba(0, 0, 0, .3)
}

.login-container .login-wrapper .login-section {
	margin-top: 45px;
	padding: 10px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	background: hsla(0, 0%, 100%, .95);
	position: relative
}

.login-container .login-from-bg-qrcode {
	position: absolute;
	right: -275px;
	top: 0;
	bottom: 0;
	width: 275px;
	background-repeat: no-repeat;
	background-image: url(<%=basePath%>/images/zc/login/FoLbAXJtwbB5SVORRmihPFWD-oYM.jpg);
	background-position: 50%;
	background-color: #f5f5f5;
	background-size: auto 100%
}

body {
	color: #323232;
	background: #fff;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased
}

article, aside, blockquote, body, button, code, dd, details, div, dl, dt,
	fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,
	header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section,
	td, textarea, th, ul {
	margin: 0;
	padding: 0;
	outline: none
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block
}

audio, canvas, video {
	display: inline-block
}

body, button, input, select, textarea {
	font: 12px/1.5 Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino
		Sans GB, Microsoft YaHei, Heiti SC, WenQuanYi Micro Hei, sans-serif
}

button, input, select, textarea {
	font-size: 100%;
	color: #636363;
	outline: none
}

textarea {
	resize: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset, img {
	border: 0
}

iframe {
	display: block
}

abbr, acronym {
	border: 0;
	font-variant: normal
}

del {
	text-decoration: line-through
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: 500
}

ol, ul {
	list-style: none
}

caption, th {
	text-align: left
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 500
}

q:after, q:before {
	content: ""
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

a {
	text-decoration: none;
	color: #0073b6
}

a:hover {
	text-decoration: underline
}

a:focus, input:focus {
	outline: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	outline: none;
	border: 0;
	padding: 0
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #959595
}

input:-moz-placeholder, input::-moz-placeholder, textarea:-moz-placeholder,
	textarea::-moz-placeholder {
	color: #959595
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #959595
}

.clear {
	clear: both
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.fl {
	float: left
}

.fr {
	float: right
}

.hide {
	display: none !important
}

body {
	min-width: 1160px
}

.q-sticky-footer .q-container {
	min-height: 100vh;
	box-sizing: border-box;
	padding-bottom: 120px
}

.q-sticky-footer .q-footer-wrapper {
	margin-top: -120px;
	height: 120px
}

.fade-enter-active, .fade-leave-active {
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.fade-enter, .fade-leave-to {
	opacity: 0
}

.login-fade-enter-active, .login-fade-leave-active {
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.login-fade-enter-active .q-login-container, .login-fade-leave-active .q-login-container
	{
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.login-fade-enter, .login-fade-leave-to {
	opacity: 0
}

.login-fade-enter .q-login-container, .login-fade-leave-to .q-login-container
	{
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px)
}

.q-login-tip {
	position: absolute;
	top: 0;
	height: 50px;
	line-height: 60px;
	font-size: 14px;
	color: #959595
}

.q-login-tip a {
	color: #3f9f5f
}

.pt50 {
	padding-top: 50px !important
}

.q-country-code {
	margin-right: 4px;
	background: #fff
}

.q-country-code .qui-select-content {
	margin-top: 4px;
	width: 330px
}

.q-country-code .qui-select-text {
	border-color: #d7d7d7;
	border-radius: 0
}

.qui-select {
	position: relative;
	display: inline-block;
	font-size: 14px;
	z-index: 10
}

.qui-select-text {
	display: block;
	box-sizing: border-box;
	border: 1px solid silver;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 24px 0 10px;
	white-space: nowrap
}

.qui-select-text:after {
	position: absolute;
	right: 6px;
	top: 50%;
	margin-top: -5px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background:
		url()
		50%/16px 16px no-repeat;
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

.qui-select-text.showmenu:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.qui-select-content {
	position: absolute;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid silver;
	border-radius: 3px;
	background-color: #fff;
	overflow: auto
}

.qui-select-item {
	border-top: 1px solid #ebebeb;
	height: 38px;
	line-height: 38px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 10px;
	box-sizing: border-box
}

.qui-select-item:first-child {
	border-top: none
}

.qui-select-item:last-child {
	border-bottom: none
}

.qui-select-item.qui-select-item-selected, .qui-select-item:hover {
	background-color: #d9eed7
}

.qui-loginFeedback {
	position: fixed;
	z-index: 99;
	top: 120px;
	right: -248px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.qui-loginFeedback .icon {
	position: relative;
	float: left;
	margin-right: -1px;
	width: 40px;
	height: 166px;
	background:
		url()
		0 0 no-repeat;
	cursor: pointer
}

.qui-loginFeedback.js-current {
	right: 0
}

.qui-loginFeedback.js-current .icon {
	background-position: -40px 0
}

.qui-loginFeedback .cnt {
	float: left;
	width: 246px;
	height: 280px;
	border: 1px solid #ccc;
	border-right: 0;
	border-radius: 0 0 0 4px;
	background-color: #fff
}

.qui-loginFeedback .cnt form {
	padding: 10px;
	font-size: 0
}

.qui-loginFeedback .cnt form textarea {
	width: 214px;
	height: 128px;
	padding: 2px 5px;
	border: 1px solid #ccc;
	font-size: 12px
}

.qui-loginFeedback .cnt .txt {
	padding: 2px 5px;
	border: 1px solid #ccc;
	font-size: 12px;
	width: 214px;
	height: 24px
}

.qui-loginFeedback .cnt .btn {
	float: right;
	margin-top: 10px;
	display: inline-block;
	height: 28px;
	padding: 0 15px;
	border: none;
	border-radius: 3px;
	overflow: visible;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background-color: #3f9f5f
}

.qui-loginFeedback .cnt .btn:hover {
	background-color: #5cad77;
	color: #fff;
	text-decoration: none
}

.qui-loginFeedback .label {
	margin-top: 6px;
	padding: 2px 0;
	line-height: 24px;
	font-size: 12px
}

.qui-loginFeedback .help {
	position: relative;
	top: -1px;
	border: 1px solid #ccc;
	border-top: none;
	background: #dcffe2;
	height: 24px;
	line-height: 26px;
	text-align: center;
	font-size: 12px
}

.qui-loginFeedback .help a {
	color: #3f9f5f
}

@media screen and (-webkit-min-device-pixel-ratio:2) , screen and
	(max-moz-device-pixel-ratio:2) {
	.qui-loginFeedback .icon {
		background:
			url()
			0 0/80px 166px no-repeat
	}
}

.qTUITip {
	position: fixed;
	top: 200px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 1200
}

.qTUITip-box {
	display: inline-block;
	min-width: 120px;
	max-width: 390px;
	padding: 15px 20px;
	background-color: #fff;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .25);
	border: 1px solid silver;
	text-align: left;
	font-size: 18px;
	line-height: 32px;
	border-radius: 5px
}

.qTUITip-text {
	display: block;
	position: relative;
	padding-left: 34px;
	color: #323232
}

.qTUITip-text:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	background: #fff
		url()
		no-repeat
}

.qTUITip-text.ok:before {
	background-position: 0 0
}

.qTUITip-text.error:before {
	background-position: 0 -80px
}

.qTUITip-text.warning:before {
	background-position: 0 -40px
}

#pc_login_bottom {
	width: 100%;
	min-width: 980px;
	padding: 30px 0;
	text-align: left;
	background: #363636;
	font: 12px/1.5 helvetica, arial, hiragino sans gb, "\5b8b\4f53",
		sans-serif;
	color: #959595;
	clear: both
}

#pc_login_bottom #pc_bottom_con {
	width: 980px;
	margin: 0 auto;
	opacity: .8
}

#pc_login_bottom .top_left {
	display: -webkit-box;
	display: flex
}

#pc_login_bottom .top_left .row {
	width: 140px
}

#pc_login_bottom .top_left .row .title {
	font-weight: 700;
	color: #c2c2c2;
	padding-bottom: 7px
}

#pc_login_bottom .top_left .row a {
	text-decoration: none;
	color: #959595
}

#pc_login_bottom .top_left .row a:hover {
	text-decoration: underline
}

#pc_login_bottom .top_left .row .six_icon {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	width: 90px
}

#pc_login_bottom .top_left .row .six_icon .weibo {
	background-position: 0 -1080px
}

#pc_login_bottom .top_left .row .six_icon .flickr {
	background-position: -30px -1080px
}

#pc_login_bottom .top_left .row .six_icon .renren {
	background-position: -60px -1080px
}

#pc_login_bottom .top_left .row .six_icon .douban {
	background-position: 0 -1110px
}

#pc_login_bottom .top_left .row .six_icon .ins {
	background-position: -90px -1080px
}

#pc_login_bottom .top_left .row .six_icon .weico {
	background-position: -90px -1110px
}

#pc_login_bottom .top_left .row .six_icon div {
	width: 20px;
	height: 20px;
	margin: 0 10px 10px 0
}

#pc_login_bottom .top_left .row .six_icon a {
	display: block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	line-height: 100px;
	background: url(<%=basePath%>/images/zc/login/99dfed4c272ecc64538d792b0f63b010.png)
		no-repeat
}

#pc_login_bottom .top_right {
	background: url(<%=basePath%>/images/zc/login/99dfed4c272ecc64538d792b0f63b010.png)
		no-repeat;
	width: 135px;
	height: 40px;
	background-position: 0 -74px
}

#pc_login_bottom .bottom_wrap, #pc_login_bottom .top_wrap {
	display: -webkit-box;
	display: flex
}

#pc_login_bottom .bottom_wrap {
	-webkit-box-align: center;
	align-items: center;
	margin-top: 25px
}

#pc_login_bottom .bottom_left img {
	width: 100px;
	margin-right: 10px
}

#pc_login_bottom .bottom_right a {
	color: #959595;
	text-decoration: none
}

#pc_login_bottom .bottom_right a:hover {
	text-decoration: underline
}

.q-footer-banner {
	position: fixed;
	z-index: 9999;
	left: 0;
	bottom: 0;
	width: 100%;
	min-width: 980px;
	height: 70px;
	color: #fff;
	background-color: rgba(0, 0, 0, .8)
}

.q-footer-banner .q-fb-main {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 70px
}

.q-footer-banner .q-fb-main .q-fb-operation {
	float: left;
	margin-left: 50px;
	width: 420px
}

.q-footer-banner .q-fb-main .q-fb-operation img {
	vertical-align: top;
	max-width: 420px;
	max-height: 70px
}

.q-footer-banner .q-fb-main .q-fb-login {
	float: left;
	line-height: 70px;
	font-size: 14px;
	color: #d7d7d7
}

.q-footer-banner .q-fb-main .q-fb-login a:hover {
	text-decoration: none
}

.q-footer-banner .q-fb-main .q-fb-login .btn, .q-footer-banner .q-fb-main .q-fb-login .link
	{
	vertical-align: middle
}

.q-footer-banner .q-fb-main .q-fb-login .btn {
	display: inline-block;
	margin-left: 10px;
	border: 0;
	min-width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	color: #fff
}

.q-footer-banner .q-fb-main .q-fb-login .btn:before {
	content: "";
	display: inline-block;
	margin-right: 4px;
	width: 18px;
	vertical-align: -3px;
	height: 18px;
	background-size: contain;
	background-repeat: no-repeat
}

.q-footer-banner .q-fb-main .q-fb-login .btn:hover {
	-webkit-filter: hue-rotate(10deg);
	filter: hue-rotate(10deg)
}

.q-footer-banner .q-fb-main .q-fb-login .btn.btn-taobao {
	background-color: #ff5300
}

.q-footer-banner .q-fb-main .q-fb-login .btn.btn-taobao:before {
	background-image: url(<%=basePath%>/images/zc/login/FvPb2VQcmNkyoKyXwyjugOc81mjw.png)
}

.q-footer-banner .q-fb-main .q-fb-login .btn.btn-weixin {
	background-color: #1bb51f
}

.q-footer-banner .q-fb-main .q-fb-login .btn.btn-weixin:before {
	background-image: url(<%=basePath%>/images/zc/login/Fv1CdezXPjlbomqfxrA19fOyEVCZ.png)
}

.q-footer-banner .q-fb-main .q-fb-login .btn.btn-qyer {
	background-color: #00af63
}

.q-footer-banner .q-fb-main .q-fb-login .btn.btn-qyer:before {
	background-image: url(<%=basePath%>/images/zc/login/FtJi0g1dQdMOQoKwtaxELlYLTfZ8.png)
}

.q-footer-banner .q-fb-main .q-fb-login .btn .frame-iconfont {
	margin-right: 2px;
	vertical-align: middle;
	font-size: 18px
}

.q-footer-banner .q-fb-main .q-fb-login .link {
	margin-left: 10px;
	margin-right: 4px;
	color: #d7d7d7;
	font-weight: 700
}

.q-footer-banner .q-fb-main .q-fb-login .link:hover {
	color: #fff
}

.q-footer-banner .q-fb-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 32px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	color: #a6a6a6;
	-webkit-transition: all .2s;
	transition: all .2s
}

.q-footer-banner .q-fb-close .frame-iconfont {
	font-size: 24px
}

.q-footer-banner .q-fb-close:hover {
	color: #c4c4c4;
	background-color: #787878
}

.footer-banner-fade-enter-active, .footer-banner-fade-leave-active {
	-webkit-transition: all .3s;
	transition: all .3s
}

.footer-banner-fade-enter, .footer-banner-fade-leave-to {
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}
</style>
<style type="text/css">
.q-layer {
	position: absolute;
	z-index: 200;
	border-radius: 4px;
	min-width: 100px;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .1)
}

.q-layer a {
	text-decoration: none
}

.q-layer .flag {
	display: inline-block;
	margin-left: 8px;
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
	background: #ff6553;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	vertical-align: 2px
}

.q-layer-arrow:before {
	content: "";
	display: block;
	position: absolute;
	top: -12px;
	left: 22px;
	width: 0;
	height: 0;
	font-size: 0;
	border-color: transparent transparent #fff;
	border-style: solid;
	border-width: 6px 4px
}

.q-layer-nav {
	top: 30px;
	padding: 8px 0
}

.q-layer-nav ul li {
	margin: 2px 0;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #636363;
	white-space: nowrap
}

.q-layer-nav ul li:hover {
	background-color: #e3fae1
}

.q-layer-nav ul li a {
	display: block;
	height: 30px;
	color: #636363;
	text-decoration: none
}

.q-layer-section {
	top: 0;
	left: 100%;
	padding-left: 4px;
	background: 0 0;
	white-space: normal;
	-webkit-box-shadow: none
}

.q-layer-section .q-layer {
	position: static;
	display: block;
	padding: 0 20px;
	width: 570px
}

.q-layer-section .section-title {
	padding: 8px 0;
	height: 30px;
	line-height: 30px
}

.q-layer-section .section-title .more {
	float: right;
	font-size: 14px
}

.q-layer-section .section-title .more:hover {
	color: #10b041
}

.q-layer-section .section-item {
	border-top: 1px dashed #ededed;
	padding-left: 90px;
	line-height: 26px
}

.q-layer-section .section-item dt {
	float: left;
	margin-left: -90px;
	padding-top: 8px;
	font-size: 16px;
	color: #323232
}

.q-layer-section .section-item dd {
	padding: 5px 0;
	font-size: 0
}

.q-layer-section .section-item dd a {
	display: inline-block;
	margin: 0 2px;
	padding: 5px 5px 0;
	height: 25px;
	line-height: 25px;
	border-radius: 3px;
	font-size: 14px;
	white-space: nowrap;
	vertical-align: top
}

.q-layer-section .section-item dd a:hover {
	background: #e3fae1
}

.q-layer-section .section-item:first-of-type {
	border-top-style: solid
}
</style>
<style type="text/css">
.loading {
	padding: 10px;
	text-align: center
}

.loading img {
	vertical-align: top
}
</style>
<style type="text/css">
.q-header-nav {
	float: left;
	font-size: 0;
	margin-left: 18px;
	height: header-height;
	line-height: header-height
}

.q-header-nav .nav-list {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	vertical-align: top
}

.q-header-nav .nav-list .nav-span {
	display: inline-block;
	height: 100%;
	padding: 0 10px;
	margin-right: 10px;
	font-weight: 700;
	color: silver;
	text-decoration: none
}

.q-header-nav .nav-list .nav-span .frame-iconfont, .q-header-nav .nav-list .nav-span span
	{
	vertical-align: top
}

.q-header-nav .nav-list .line-flag {
	display: inline-block
}

.q-header-nav .nav-list .line-flag .flag-icon {
	display: block;
	width: 44px
}

.q-header-nav .nav-list .line-flag .flag-tail {
	display: block;
	margin-left: 6px;
	width: 10px;
	height: 7px;
	background:
		url()
		0 0/contain no-repeat
}

.q-header-nav .nav-list.nav-list-layer {
	position: relative;
	z-index: 200
}

.q-header-nav .nav-list.nav-list-layer .sub-icon {
	margin-right: 4px
}

.q-header-nav .nav-list.nav-list-selected .nav-span, .q-header-nav .nav-list:hover .nav-span
	{
	color: #10b041
}

.q-header-nav .q-layer-arrow2:before {
	left: 36px
}

@media screen and (max-width:1340px) {
	.q-header-nav .nav-list .nav-span {
		margin-right: 5px;
		padding: 0 5px
	}
}
</style>
<style type="text/css">
.clear {
	clear: both
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.fl {
	float: left
}

.fr {
	float: right
}

.hide {
	display: none !important
}

.q-header-search {
	float: left;
	position: relative;
	margin-top: 5px;
	padding: 0 23px 0 9px;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	background: transparent;
	white-space: nowrap;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.q-header-search .txt-search {
	width: 100%;
	height: 20px;
	font-size: 14px;
	border: 0;
	background-color: transparent
}

.q-header-search .btn-search {
	position: absolute;
	border: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: transparent;
	cursor: pointer;
	color: silver;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.q-header-search .btn-search span {
	display: none
}

.q-header-search.active, .q-header-search:hover {
	width: 104px;
	background: #fff
}

.q-header-search.active .btn-search:hover, .q-header-search:hover .btn-search:hover
	{
	color: #10b041
}

@media screen and (min-width:1180px) {
	.q-header-search.active, .q-header-search:hover {
		width: 110px
	}
}

@media screen and (min-width:1280px) {
	.q-header-search.active, .q-header-search:hover {
		width: 140px
	}
}

@media screen and (min-width:1440px) {
	.q-header-search.active, .q-header-search:hover {
		width: 188px
	}
}

.q-layer-sitesearch-autocomplete, .q-layer-sitesearch-history {
	position: absolute;
	top: 32px;
	left: 0;
	width: 200px;
	font-size: 14px
}

.q-layer-sitesearch-autocomplete a, .q-layer-sitesearch-history a {
	text-decoration: none
}

.q-layer-sitesearch-autocomplete ul, .q-layer-sitesearch-history ul {
	padding-top: 4px
}

.q-layer-sitesearch-autocomplete ul li, .q-layer-sitesearch-history ul li
	{
	min-height: 30px;
	line-height: 30px
}

.q-layer-sitesearch-autocomplete ul li a, .q-layer-sitesearch-history ul li a
	{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	padding: 0 10px;
	min-height: 30px;
	color: #323232
}

.q-layer-sitesearch-autocomplete ul li:hover,
	.q-layer-sitesearch-history ul li:hover {
	background: #e3fae1
}

.q-layer-sitesearch-history .history-clear {
	padding: 0 10px;
	color: #959595
}

.q-layer-sitesearch-history .history-clear a {
	display: block;
	border-top: 1px solid #ededed;
	padding: 5px 0;
	height: 24px;
	line-height: 24px;
	color: #959595
}

.q-layer-sitesearch-autocomplete dl {
	border-bottom: 1px solid #ededed;
	padding: 10px 0 10px 40px;
	line-height: 15px
}

.q-layer-sitesearch-autocomplete dl dt {
	float: left;
	margin-left: -40px
}

.q-layer-sitesearch-autocomplete dl dt img {
	width: 30px;
	height: 30px;
	vertical-align: top
}

.q-layer-sitesearch-autocomplete dl dd {
	min-height: 30px
}

.q-layer-sitesearch-autocomplete dl dd p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.q-layer-sitesearch-autocomplete dl dd p em {
	font-weight: 700
}

.q-layer-sitesearch-autocomplete dl dd p .en {
	color: #959595
}

.q-layer-sitesearch-autocomplete dl dd p .poi {
	color: #959595;
	font-size: 12px
}
</style>
<style type="text/css">
.clear {
	clear: both
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.fl {
	float: left
}

.fr {
	float: right
}

.hide {
	display: none !important
}

.q-header-user-status {
	float: left;
	font-size: 14px;
	height: 30px;
	line-height: 30px
}

.q-header-user-status, .q-header-user-status a {
	color: silver;
	-webkit-transition: all .2s;
	transition: all .2s
}

.q-header-user-status a {
	text-decoration: none
}

.q-header-user-status .login-wrap a {
	padding-left: 10px;
	color: silver;
	text-decoration: none
}

.q-header-user-status .login-wrap a.login-link {
	font-weight: 700
}

.q-header-user-status .login-wrap a:hover {
	color: #10b041
}

.q-header-user-status .login-wrap a.important {
	color: #ff5300 !important
}

.q-header-user-status .user-info, .q-header-user-status .user-message {
	position: relative;
	display: inline-block;
	vertical-align: top
}

.q-header-user-status .user-info .username {
	font-weight: 700
}

.q-header-user-status .user-info .username .avatar {
	display: none;
	margin-right: 4px;
	height: 100%;
	vertical-align: top
}

.q-header-user-status .user-info .username .avatar img {
	border-radius: 50%;
	height: 80%;
	vertical-align: middle
}

.q-header-user-status .user-info .username .frame-iconfont,
	.q-header-user-status .user-info .username a {
	vertical-align: top
}

.q-header-user-status .user-info .username a {
	margin-right: 3px
}

.q-header-user-status .user-info .q-auth {
	display: inline-block;
	margin-right: 3px;
	width: 16px;
	height: 30px;
	vertical-align: top;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain
}

.q-header-user-status .user-info .q-auth.qyer {
	background-image:
		url()
}

.q-header-user-status .user-info .q-auth.member {
	background-image:
		url()
}

.q-header-user-status .user-info .q-auth.company {
	background-image:
		url()
}

.q-header-user-status .user-info:after {
	display: none;
	content: "";
	position: absolute;
	z-index: 201;
	top: 19px;
	left: 50%;
	margin-left: -12px;
	width: 0;
	height: 0;
	font-size: 0;
	border-color: transparent transparent #fff;
	border-style: solid;
	border-width: 6px 4px
}

.q-header-user-status .user-info.hover:after {
	display: block
}

.q-header-user-status .user-message {
	margin-left: 12px
}

.q-header-user-status .user-message .icon-message-wrap {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px
}

.q-header-user-status .user-message .icon-message-wrap .frame-iconfont {
	font-size: 24px
}

.q-header-user-status .user-message .icon-message-wrap .dot {
	position: absolute;
	top: 4px;
	right: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fb6850
}

.q-header-user-status .user-message .count {
	margin-left: 2px;
	color: #fff
}

.q-header-user-status .user-message:after {
	display: none;
	content: "";
	position: absolute;
	z-index: 201;
	top: 21px;
	left: 8px;
	width: 0;
	height: 0;
	font-size: 0;
	border-color: transparent transparent #fff;
	border-style: solid;
	border-width: 6px 4px
}

.q-header-user-status .user-message.hover:after {
	display: block
}

.q-layer-userinfo {
	position: absolute;
	top: 30px;
	right: 0;
	padding: 8px 0;
	width: 180px
}

.q-layer-userinfo ul li {
	margin: 2px 0;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #636363
}

.q-layer-userinfo ul li:hover {
	background: #e3fae1
}

.q-layer-userinfo ul li.setting {
	margin: 5px 10px 0;
	padding: 5px 5px 0;
	border-top: 1px solid #ececec
}

.q-layer-userinfo ul li.setting:hover {
	background: none
}

.q-layer-userinfo ul li.setting a:hover {
	color: #10b041
}

.q-layer-userinfo ul li a {
	display: block;
	color: #323232;
	text-decoration: none
}

.q-layer-userinfo ul li a.link {
	font-size: 14px
}

.q-layer-userinfo ul li .fr {
	float: right;
	font-size: 12px
}

.q-layer-userinfo ul li .fr a {
	color: #959595
}

.q-layer-message {
	position: absolute;
	top: 33px;
	right: -20px;
	width: 300px
}

.q-layer-message .layer-msg-container .layer-msg-item .layer-msg-more {
	border-top: 1px solid #d9d9d9;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px
}

.q-layer-message .layer-msg-container .layer-msg-item .layer-msg-more a
	{
	display: block;
	color: #323232
}

.q-layer-message .layer-msg-container .layer-msg-item .layer-msg-more a:hover
	{
	color: #10b041
}

.q-layer-message .layer-msg-tab {
	height: 53px;
	border-bottom: 1px solid #d9d9d9
}

.q-layer-message .layer-msg-tab ul {
	zoom: 1
}

.q-layer-message .layer-msg-tab ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0
}

.q-layer-message .layer-msg-tab ul li {
	float: left;
	width: 33.33%;
	line-height: 52px;
	font-size: 16px;
	text-align: center
}

.q-layer-message .layer-msg-tab ul li.current {
	margin-bottom: -1px;
	height: 52px;
	border-bottom: 2px solid #49a467;
	color: #147850
}

.q-layer-message .layer-msg-tab ul li.current a {
	color: #10b041
}

.q-layer-message .layer-msg-tab ul li a {
	position: relative;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	color: #323232
}

.q-layer-message .layer-msg-tab ul li a:after {
	content: "";
	display: none;
	position: absolute;
	top: 1px;
	right: -3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fb6850
}

.q-layer-message .layer-msg-tab ul li.new a:after {
	display: block
}

.q-layer-message .layer-msg-inner {
	height: 257px;
	overflow-x: hidden;
	overflow-y: auto
}

.q-layer-message .layer-msg-inner .msg-empty {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	line-height: 24px
}

.q-layer-message .layer-msg-inner ul {
	margin-top: -1px
}

.q-layer-message .layer-msg-inner ul li {
	padding: 0 10px;
	line-height: 18px;
	font-size: 14px
}

.q-layer-message .layer-msg-inner ul li .layer-msg-cont {
	border-top: 1px solid #ecedeb;
	padding: 16px 8px
}

.q-layer-message .layer-msg-inner ul li .layer-msg-cont .cont {
	max-height: 36px;
	line-height: 18px;
	overflow: hidden;
	color: #959595
}

.q-layer-message .layer-msg-inner ul li .layer-msg-cont .cont a {
	color: #959595
}

.q-layer-message .layer-msg-inner ul li:hover {
	background: #e3fae1
}

.q-layer-message .layer-msg-inner ul li.unread {
	font-weight: 700
}

.q-layer-message .layer-msg-inner ul li.unread .layer-msg-cont .cont,
	.q-layer-message .layer-msg-inner ul li.unread .layer-msg-cont a {
	color: #323232
}

.login-enter-active, .login-leave-active {
	-webkit-transition: all 1.2s;
	transition: all 1.2s
}

.login-enter, .login-leave-active {
	opacity: 0
}
</style>
<style type="text/css">
.q-header-wrapper {
	width: 100%;
	min-width: 1160px;
	background-color: #323232
}

.q-header-wrapper a {
	-webkit-transition: all .2s;
	transition: all .2s
}

.q-header-wrapper .q-header {
	margin: 0 auto;
	max-width: 1920px;
	height: 30px;
	background-color: #323232
}

.q-header-nav-wrapper {
	float: left;
	padding-left: 30px
}

.q-header-user-wrapper {
	float: right;
	padding-right: 30px
}

.q-header-logo {
	float: left;
	padding-top: 6px;
	height: 18px
}

.q-header-logo img {
	height: 100%;
	vertical-align: top
}

.q-header-cut {
	float: left;
	margin-left: 6px;
	margin-right: 15px;
	line-height: 30px;
	color: silver
}
</style>
<style type="text/css">
.clear {
	clear: both
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.fl {
	float: left
}

.fr {
	float: right
}

.hide {
	display: none !important
}

.q-footer-wrapper {
	position: relative;
	box-sizing: border-box;
	padding-bottom: 25px;
	min-height: 120px;
	background-color: #323232;
	color: #636363
}

.q-footer-wrapper a {
	color: #636363
}

.q-footer-wrapper:before {
	content: "";
	display: block;
	background-color: #25a851;
	height: 3px
}

.q-footer-wrapper .q-footer {
	margin: 36px auto 0;
	width: 980px
}

.q-footer-nav {
	font-size: 0;
	margin-left: -15px
}

.q-footer-nav a {
	display: inline-block;
	border-left: 2px solid #636363;
	margin-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	color: silver
}

.q-footer-nav a:first-child {
	border-left: 3px solid #25a851;
	padding-left: 12px
}

.q-footer-desc {
	margin-top: 18px;
	font-size: 12px;
	color: #636363
}

.q-footer-desc a {
	margin-left: 4px
}

.q-footer-links {
	padding: 20px 0 0 70px;
	line-height: 20px;
	color: #636363;
	zoom: 1
}

.q-footer-links:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0
}

.q-footer-links dt {
	margin-left: -70px;
	float: left;
	font-weight: 700;
	font-size: 14px
}

.q-footer-links dd {
	float: left
}

.q-footer-links dd a {
	display: inline-block;
	margin-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #636363;
	font-size: 12px;
	line-height: 12px
}

.q-footer-links dd a:hover {
	color: silver
}

.q-footer-links dd:first-of-type a {
	margin-left: 0
}

.q-footer-links dd:last-child a {
	border-right: 0;
	padding-right: 0
}
</style>
<style type="text/css">
.q-risk-account-confirm {
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -200px;
	box-sizing: border-box;
	padding: 30px 20px;
	width: 400px;
	height: 150px;
	background: #fff;
	box-shadow: 0 0 6px #aaa;
	text-align: center
}

.q-risk-account-confirm .cont {
	line-height: 22px;
	color: #636363;
	font-size: 14px;
	white-space: nowrap;
	text-align: center
}

.q-risk-account-confirm .cont .style1 {
	font-size: 18px
}

.q-risk-account-confirm .cont .style2 {
	padding-top: 6px;
	color: #959595
}

.q-risk-account-confirm .cont .frame-iconfont {
	color: #ff7466
}

.q-risk-account-confirm .buttons {
	margin-top: 20px;
	text-align: rigcenterht
}

.q-risk-account-confirm .buttons .btn {
	display: inline-block;
	box-sizing: border-box;
	margin: 0 10px;
	padding: 0 16px;
	border: 1px solid #3f9f5f;
	border-radius: 3px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
	background: #3f9f5f;
	color: #fff
}

.q-risk-account-confirm .buttons .btn:hover {
	border-color: #5cad77;
	background: #5cad77
}
</style>
<style type="text/css">
.pwd-strong .bar {
	float: left;
	margin-top: 14px;
	margin-right: 10px;
	height: 3px
}

.pwd-strong .bar .level {
	float: left;
	margin-right: 2px;
	width: 50px;
	height: 3px
}

.pwd-strong .bar .level.level-1 {
	background: #98cb4c
}

.pwd-strong .bar .level.level-2 {
	background: #3f9f5f
}

.pwd-strong .bar .level.level-3 {
	background: #147850
}

.pwd-strong .text {
	float: left
}
</style>
<style type="text/css">
.clear {
	clear: both
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.fl {
	float: left
}

.fr {
	float: right
}

.hide {
	display: none !important
}

.q-login-layout {
	position: relative;
	margin: 0 auto;
	width: 330px
}

.q-login-layout .q-login-form-tip {
	position: absolute;
	z-index: 1;
	top: -4px;
	height: 30px;
	line-height: 30px;
	color: #959595
}

.q-login-layout .q-login-form-tip a {
	color: #959595
}

.q-login-layout .q-login-form-tip a.link, .q-login-layout .q-login-form-tip a:hover
	{
	color: #3f9f5f;
	text-decoration: none
}

.q-login-layout .q-login-form-tip.tip-right {
	text-align: right
}

.q-login-layout .q-login-form-tip.tip-bind {
	top: -10px;
	line-height: 17px
}

.q-login-layout .q-login-form-tip.tip-bind span {
	display: block
}

.q-login-layout .q-login-form-tip .tip-error {
	color: #ff654c
}

.q-login-layout .q-login-form-tip .tip-error .frame-iconfont {
	margin: 0 2px;
	font-size: 12px
}

.q-login-layout .q-login-form-tip .tip-error .icon-tip {
	display: inline-block;
	margin-right: 3px;
	width: 12px;
	height: 12px;
	vertical-align: -2px;
	background: url(<%=basePath%>/images/zc/login/FrdXpfdkBK37-ZyIWf_UYJ7ZucLj.png) 50%/contain
		no-repeat
}

.q-login-layout .q-login-tabs {
	zoom: 1;
	box-sizing: border-box;
	border-bottom: 1px solid #e8e8e8;
	height: 60px;
	line-height: 60px
}

.q-login-layout .q-login-tabs:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0
}

.q-login-layout .q-login-tabs .q-login-tab-item {
	float: left;
	box-sizing: border-box;
	width: 50%;
	height: 60px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: color .2s;
	transition: color .2s
}

.q-login-layout .q-login-tabs .q-login-tab-item.current {
	border-bottom: 2px solid #10b041;
	color: #3f9f5f
}

.q-login-layout .q-login-form {
	position: relative;
	padding-top: 30px
}

.q-login-layout .q-login-form .q-login-form-control .input-group {
	height: 40px
}

.q-login-layout .q-login-form .q-login-form-control .input {
	box-sizing: border-box;
	padding: 3px 7px;
	border: 1px solid #d7d7d7;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	vertical-align: top;
	background: #fff
}

.q-login-layout .q-login-form .q-login-form-control .input:focus {
	-webkit-transition: box-shadow .2s;
	transition: box-shadow .2s;
	box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .05)
}

.q-login-layout .q-login-form .q-login-form-control .input.input-error {
	border-color: #ff654c
}

.q-login-layout .q-login-form .q-login-form-control .input.input-success
	{
	background: url(<%=basePath%>/images/zc/login/FoK-KBBDXkpDHLE4n8DE_Z2h4Gg5.png) right 6px
		center/16px 16px no-repeat #fff
}

.q-login-layout .q-login-form .q-login-form-control .input.input-phone {
	width: 248px
}

.q-login-layout .q-login-form .q-login-form-control .input.input-valid {
	width: 200px
}

.q-login-layout .q-login-form .q-login-form-control .input.input-loading
	{
	background: url(<%=basePath%>/images/zc/login/Fup_sW3RZ1dgoc3mJmFrMtSCpYaV.png) right 6px
		center/22px 22px no-repeat #fff
}

.q-login-layout .q-login-form .q-login-form-control .img-valid-code {
	display: inline-block;
	vertical-align: top;
	margin-left: 4px;
	width: 126px;
	height: 40px;
	border: 0;
	background: #fff
}

.q-login-layout .q-login-form .q-login-form-control .btn-valid {
	display: inline-block;
	box-sizing: border-box;
	border: 0;
	padding: 0 15px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border-radius: 3px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	vertical-align: top;
	background-color: #3f9f5f;
	margin-left: 4px;
	width: 125px;
	height: 40px;
	line-height: 40px;
	font-size: 14px
}

.q-login-layout .q-login-form .q-login-form-control .btn-valid:hover {
	background-color: #5cad77;
	text-decoration: none
}

.q-login-layout .q-login-form .q-login-form-control .btn-valid.btn-loading
	{
	border: 1px solid #d7d7d7;
	background: url(<%=basePath%>/images/zc/login/Fup_sW3RZ1dgoc3mJmFrMtSCpYaV.png) 50%/22px
		22px no-repeat #fff
}

.q-login-layout .q-login-form .q-login-form-control .btn-valid.btn-disabled
	{
	border: 1px solid #d7d7d7;
	color: silver;
	background: #eaeaea
}

.q-login-layout .q-login-form .q-login-form-control .btn-valid[disabled=disabled]
	{
	cursor: not-allowed
}

.q-login-layout .q-login-form .q-login-form-control .input-tip {
	height: 30px;
	line-height: 30px;
	color: #959595
}

.q-login-layout .q-login-form .q-login-form-control .input-tip a {
	color: #959595
}

.q-login-layout .q-login-form .q-login-form-control .input-tip a.link,
	.q-login-layout .q-login-form .q-login-form-control .input-tip a:hover
	{
	color: #3f9f5f;
	text-decoration: none
}

.q-login-layout .q-login-form .q-login-form-control .input-tip.tip-right
	{
	text-align: right
}

.q-login-layout .q-login-form .q-login-form-control .input-tip.tip-bind
	{
	top: -10px;
	line-height: 17px
}

.q-login-layout .q-login-form .q-login-form-control .input-tip.tip-bind span
	{
	display: block
}

.q-login-layout .q-login-form .q-login-form-control .input-tip .tip-error
	{
	color: #ff654c
}

.q-login-layout .q-login-form .q-login-form-control .input-tip .tip-error .frame-iconfont
	{
	margin: 0 2px;
	font-size: 12px
}

.q-login-layout .q-login-form .q-login-form-control .input-tip .tip-error .icon-tip
	{
	display: inline-block;
	margin-right: 3px;
	width: 12px;
	height: 12px;
	vertical-align: -2px;
	background: url(<%=basePath%>/images/zc/login/FrdXpfdkBK37-ZyIWf_UYJ7ZucLj.png) 50%/contain
		no-repeat
}

.q-login-layout .q-login-form .q-login-form-control .btn {
	display: inline-block;
	box-sizing: border-box;
	border: 0;
	padding: 0 15px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border-radius: 3px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	vertical-align: top;
	background-color: #3f9f5f
}

.q-login-layout .q-login-form .q-login-form-control .btn:hover {
	background-color: #5cad77;
	text-decoration: none
}

.q-login-layout .q-login-form .q-login-form-control .btn.btn-loading {
	border: 1px solid #d7d7d7;
	background: url(<%=basePath%>/images/zc/login/Fup_sW3RZ1dgoc3mJmFrMtSCpYaV.png) 50%/22px
		22px no-repeat #fff
}

.q-login-layout .q-login-form .q-login-form-control .btn.btn-disabled {
	border: 1px solid #d7d7d7;
	color: silver;
	background: #eaeaea
}

.q-login-layout .q-login-form .q-login-form-control .btn[disabled=disabled]
	{
	cursor: not-allowed
}

.q-login-layout .q-login-form .q-login-form-control .remember {
	margin-right: 3px;
	vertical-align: middle
}

.q-login-layout .q-login-form .q-login-form-control .remember-label {
	vertical-align: middle
}

.q-login-layout .q-login-auth {
	padding: 40px 0 10px;
	font-size: 0;
	text-align: center
}

.q-login-layout .q-login-auth a {
	display: inline-block;
	margin: 0 21px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	color: #d7d7d7;
	border-radius: 50%;
	overflow: hidden;
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat
}

.q-login-layout .q-login-auth a.auth-qq {
	background-image: url(<%=basePath%>/images/zc/login/FugnPbgTJd9eGwDRpbL4L-bEsZaZ.png)
}

.q-login-layout .q-login-auth a.auth-qq:hover {
	background-image: url(<%=basePath%>/images/zc/login/FnufPA6e0CpINWOOGxm7J2MwGDza.png)
}

.q-login-layout .q-login-auth a.auth-weibo {
	background-image: url(<%=basePath%>/images/zc/login/FtOA3elXgqZZY7Oa16ZRZt8Jsvnn.png)
}

.q-login-layout .q-login-auth a.auth-weibo:hover {
	background-image: url(<%=basePath%>/images/zc/login/Fq55TbmMevRJSKSUPKAlbHmI9OEL.png)
}

.q-login-layout .q-login-auth a.auth-taobao, .q-login-layout .q-login-auth a.auth-taobao:hover
	{
	background-image: url(<%=basePath%>/images/zc/login/FkHhVOT0BMK6LN3mOQ1qACNwKzlI.png)
}

.q-login-layout .q-login-auth a.auth-weixin {
	background-image: url(<%=basePath%>/images/zc/login/FiMZfg-o4O6kGlKgQNBUEbLPY-0A.png)
}

.q-login-layout .q-login-auth a.auth-weixin:hover {
	background-image: url(<%=basePath%>/images/zc/login/FqgxY62k5WQA6os6QolcFP2aKC39.png)
}

.q-login-layout .q-login-auth .frame-iconfont {
	font-size: 40px
}

.q-login-layout .q-login-bottom {
	zoom: 1;
	padding: 10px 0;
	height: 20px;
	line-height: 20px;
	color: #959595;
	font-size: 14px
}

.q-login-layout .q-login-bottom:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0
}

.q-login-layout .q-login-bottom a {
	color: #3f9f5f
}

.q-login-layout .q-login-bottom a.gray {
	color: #959595
}

.q-login-layout .q-login-bottom a.gray:hover {
	text-decoration: none;
	color: #3f9f5f
}

.q-login-layout .q-login-tips {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.q-login-layout .q-login-tips .tip {
	position: absolute;
	top: 140px;
	left: 50%;
	margin-left: -80px;
	box-sizing: border-box;
	padding: 16px 30px;
	border: 1px solid silver;
	width: 160px;
	height: 60px;
	line-height: 26px;
	font-size: 18px;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .25)
}

.q-login-layout .q-login-tips .tip span {
	display: inline-block;
	vertical-align: top
}

.q-login-layout .q-login-tips .tip span.icon {
	width: 26px;
	height: 26px;
	background: url(<%=basePath%>/images/zc/person/success.png) 50%/18px 18px no-repeat
}

.tip-fade-enter-active, .tip-fade-leave-active {
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.tip-fade-enter, .tip-fade-leave-to {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)
}

.q-login-modal {
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: hsla(0, 0%, 100%, .7)
}

.q-layout-table {
	display: table;
	margin: 0 auto;
	height: 100%
}

.q-layout-table .q-layout-cell {
	display: table-cell;
	vertical-align: middle
}

.q-login-container {
	position: relative;
	border: 1px solid #ccc;
	width: 370px;
	box-shadow: 0 0 6px #aaa;
	background-color: #fff
}

.q-login-container .q-login-content-wrapper {
	box-sizing: border-box;
	padding: 0 20px
}

.q-login-container .q-login-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	color: #ccc;
	-webkit-transition: all .2s;
	transition: all .2s
}

.q-login-container .q-login-close:hover {
	color: #fff;
	background-color: #3f9f5f
}

.q-login-container .q-login-close .frame-iconfont {
	font-size: 18px;
	font-weight: 700
}

.q-login-container .q-login-title {
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	font-weight: 400
}
</style>
</head>
<body>
	<!--vue-ssr-qyerbodystart-->
	<div id="app">
		<div class="q-main view">
			<div id="js_global_web_fragment"></div>
			<div class="q-container">
				<templeate></templeate>
				<div class="login-container">
					<div class="login-wrapper">
						<div class="login-logo">
							<img src="<%=basePath%>/images/zc/login/41bd0a522fbeb024a41208a408ca73ec.png"
								alt="穷游"><span class="title">登录</span>
						</div>
						<div class="login-section" style="left:-137.5px;">
							<div class="login-from-bg-qrcode"></div>
							<div class="q-login-layout">
								<div class="q-login-form-tip">
									<span class="tip-error" style="display:none;"><i
										class="icon-tip"></i><span></span></span>
								</div>
								<div class="q-login-tabs">
									<div class="q-login-tab-item current" style="display:none;">境外手机登录</div>
									<div class="q-login-tab-item current" style="display:;">帐号登录
									</div>
									<div class="q-login-tab-item" style="display:;">短信快捷登录</div>
								</div>
								<div class="q-login-form pt50">
									<div class="q-login-tip">
										关于穷游网将实行<a href="javascript:;">手机绑定实名制的说明</a>
									</div>
									<div class="q-login-form-control account-login"
										style="display:;">
										<label class="hide">帐号</label><input type="text" title="帐号"
											placeholder="手机号/邮箱/用户名" value="" class="input">
										<div class="input-tip">
											<span class="tip-error" style="display:none;"><i
												class="icon-tip"></i><span></span></span>
										</div>
									</div>
									<div class="q-login-form-control sms-login"
										style="display:none;">
										<div class="input-group">
											<div class="qui-select q-country-code"
												style="width:78px;z-index:10;">
												<span class="qui-select-text"
													style="height:40px;line-height:40px;">86</span></div><label class="hide">手机号</label><input type="text" title="手机号"
												placeholder="手机号" value="" class="input input-phone">
										</div>
										<div class="input-tip">
											<span class="tip-error" style="display:none;"><i
												class="icon-tip"></i><span></span> <!----></span>
										</div>
									</div>
									<div class="q-login-form-control account-login"
										style="display:;">
										<label class="hide">密码</label><input type="password"
											title="密码" placeholder="密码" value="" class="input">
										<div class="input-tip">
											<span class="tip-error" style="display:none;"><i
												class="icon-tip"></i><span></span></span><a href="javascript:;"
												data-bn-ipg="web-login-page-getpassword" target="_top"
												class="remember-link fr">忘记密码</a>
										</div>
									</div>
									<div class="q-login-form-control" style="display:;">
										<div class="input-group">
											<label class="hide">图片识别码</label> <input type="text"
												title="图片识别码" placeholder="图片识别码" value=""
												class="input input-valid"><div class="img-valid-code"><canvas class="img-valid-code" id="canvas"></canvas>
											</div>
										</div>
										<div class="input-tip">
											<span class="tip-error" style="display:none;"><i
												class="icon-tip"></i><span></span></span>
										</div>
									</div>
									<div class="q-login-form-control sms-login" style="display:none;">
											<div class="input-group"><label class="hide">短信验证码</label><input title="短信验证码" type="text" maxlength="6"
												 placeholder="输入短信中的验证码" value="" class="input input-valid"><button class="btn-valid"><span style="display:;">发送验证码</span></button></div>
											<div class="input-tip"><span class="tip-error" style="display:none;"><i class="icon-tip"></i><span></span></span><span
												 class="tip-error fr" style="display:none;"><i class="icon-tip"></i><span></span></span><span class="fr"
												 style="display:none;">已发送</span></div>
									</div>
									<div class="q-login-form-control">
										<button class="btn">
											<span style="display:;">登录</span>
										</button>
									</div>
								</div>
								<div class="q-login-auth" style="display:none;">
									<a href="javascript:;" target="_self" class="auth-taobao"></a><a
										href="javascript:;" target="_self" class="auth-qq"></a><a
										href="javascript:;" target="_self" class="auth-weixin"></a><a
										href="javascript:;" target="_self" class="auth-weibo"></a>
								</div>
								<div class="q-login-bottom">
									<span class="fl" style="display:;"><span>没有穷游帐号？</span><a
										href="<%=basePath%>/jsp/zc/travel_register.jsp">立即注册</a></span><span class="fr"><a
										href="javascript:;" class="gray" style="display:;">境外手机号登录</a><a
										href="javascript:;" class="gray" style="display:none;">切换回
											帐号登录</a></span>
								</div>
								<div class="q-login-tips" style="display:none;">
									<div class="tip">
										<span class="icon"></span><span class="text">登录成功</span>
									</div>
								</div>
								<!---->
							</div>
						</div>
					</div>
					<div class="qui-loginFeedback">
						<div title="登录意见反馈" class="icon js-btn"></div>
						<div class="cnt">
							<form method="post">
								<textarea placeholder="有任何意见或建议请告诉我们" class="js-feedback-cnt"></textarea>
								<p class="help">
									使用遇到问题？请先进入<a href="javascript:;" target="_blank">帮助中心</a>
								</p>
								<p class="label">联系方式</p>
								<input type="text" placeholder="请将您的邮箱或手机号码告诉我们" value=""
									class="txt js-feedback-contact">
								<button type="button" class="btn js-submitBtn">提交</button>
							</form>
						</div>
						<!---->
					</div>
				</div>
			</div>
			<div class="q-footer">
				<div>
					<div id="pc_login_bottom">
						<div id="pc_bottom_con">
							<div class="top_wrap">
								<div class="top_left">
									<div class="row">
										<div class="title">关于我们</div>
										<div>
											<div>
												<a href="javascript:;">穷游简介</a>
											</div>
											<div>
												<a href="javascript:;">联系我们</a>
											</div>
											<div>
												<a href="javascript:;">合作伙伴</a>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="title">加入穷游</div>
										<div>
											<a href="javascript:;">招聘职位</a>
										</div>
									</div>
									<div class="row">
										<div class="title">网站条款</div>
										<div>
											<a href="javascript:;">会员条款</a>
										</div>
										<div>
											<a href="javascript:;">社区指南</a>
										</div>
										<div>
											<a href="javascript:;">版权声明</a>
										</div>
										<div>
											<a href="javascript:;">免责声明</a>
										</div>
									</div>
									<div class="row">
										<div class="title">帮助中心</div>
										<div>
											<a href="javascript:;">新手上路</a>
										</div>
										<div>
											<a href="javascript:;">使用帮助</a>
										</div>
										<div>
											<a href="javascript:;">网站地图</a>
										</div>
									</div>
									<div class="row">
										<div class="title">关注我们</div>
										<div class="six_icon">
											<div>
												<a href="javascript:;" class="weibo"></a>
											</div>
											<div>
												<a href="javascript:;" class="flickr"></a>
											</div>
											<div>
												<a href="javascript:;" class="renren"></a>
											</div>
											<div>
												<a href="javascript:;" class="douban"></a>
											</div>
											<div>
												<a href="javascript:;" class="ins"></a>
											</div>
											<div>
												<a href="javascript:;" class="weico"></a>
											</div>
										</div>
									</div>
								</div>
								<div class="top_right"></div>
							</div>
							<div class="bottom_wrap">
								<div class="bottom_left">
									<img src="<%=basePath%>/images/zc/login/41bd0a522fbeb024a41208a408ca73ec.png"
										alt="">
								</div>
								<div class="bottom_right">
									<div>
										2004-2017 © 穷游网™ qyer.com All rights reserved.&nbsp;&nbsp;<a
											href="" target="_blank" rel="nofollow">京ICP备12003524号</a>&nbsp;&nbsp;京公网安备11010502023470
									</div>
									<div>
										<a href="javascript:;">穷游网</a>为<a href="javascript:;">旅行</a>者提供原创实用的<a
											href="javascript:;">出境游</a><a href="javascript:;">旅行指南</a>和<a
											href="javascript:;">旅游攻略</a>、<a href="javascript:;">旅行社区</a>和<a
											href="javascript:;">问答</a>交流平台，并提供<a href="javascript:;">签证</a>、<a
											href="javascript:;">保险</a>、<a href="javascript:;">机票</a>、<a
											href="javascript:;">酒店预订</a>、<a href="javascript:;">租车</a>等服务。
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!---->
			<!---->
		</div>
	</div>
	<!--vue-ssr-qyerbodyend-->
	<!--pageendtag-->
	<!-- <script src="js/zc/hotel/livereload.js" type="text/javascript" charset="utf-8"></script> -->
</body>
<script src="<%=basePath%>/js/zc/jquery-3.2.1.min.js" type="text/javascript"
	charset="utf-8"></script>
<script src="<%=basePath%>/js/zc/hotel/login.js" type="text/javascript" charset="utf-8"></script>
</html>
